<template>
  <div class="xzz">
      <div class="xziz">
          <ul class="uy">
              <li v-for="(v,i) in arr" :key="i">
                  <div class="top">
                      <div class="mid">
                          <div class="mid_l"><img :src="v.img"></div>
                          <b>{{v.name}}</b>
                          <span>{{v.time}}</span>
                      </div>
                  </div>
                  <div class="bot">
                      <img :src="v.img1">
                  </div>
              </li>
          </ul>
      </div>
  </div>
</template>

<script>
export default {
    data(){
        return{
            arr:[
                {name:"新房优选",time:"13:31",img:"img/dec11.jpg",img1:"img/nij1.jpg"},
                {name:"贝壳房帮帮",time:"12-10 9:08",img:"img/dec22.jpg",img1:"img/nij2.jpg"},
                {name:"贝壳房帮帮",time:"12-11 14:08",img:"img/dec22.jpg",img1:"img/nij3.jpg"},
                {name:"新房优选",time:"12-12 14:08",img:"img/dec11.jpg",img1:"img/nij4.jpg"},
                {name:"新房优选",time:"12-11 11:08",img:"img/dec22.jpg",img1:"img/nij5.jpg"},
                {name:"贝壳房帮帮",time:"12-11 14:08",img:"img/dec11.jpg",img1:"img/nij1.jpg"}

            ]
        }
    }
}
</script>

<style scoped>
.xzz{
    width: 94%;
    height: 14.33rem;
    margin: auto;
    margin-top: 47px;
    /* background: paleturquoise; */
}
.xziz{
    width: 100%;
    height: 2.25rem;
    /* background: plum; */
    padding-top: .15rem;
}
.uy{
    width: 100%;
    height: 2.25rem;

}
.uy li{
    width: 100%;
    height: 100%;
    background: white;
    border-radius: 6px;
    /* border: 1px solid red; */
}
.uy li .top{
    width: 100%;
    height: .53rem;
    /* border: 1px solid blue; */
}
.uy li .top .mid{
    width: 3.4rem;
    height: .3rem;
    /* border: 1px solid red; */
    margin: auto;
    margin-top: .1rem;
    display: flex;
    justify-content: space-between;
    line-height: 30px;
}
.uy li .top .mid span{
    color:#747474;
}
.uy li .top .mid .mid_l{
    width: .3rem;
    height: .29rem;
    /* border: 1px solid; */
}
.uy li .top .mid .mid_l img{
    width: 100%;
    height: 100%;
}
.uy li .bot{
    width: 100%;
    height: 1.72rem;
    /* background: orangered; */
}
.uy li .bot img{
    width: 100%;
    height: 100%;
}
</style>